<template>
  <div>
    <!-- 弹出框--表单 -->
    <!-- Form -->
    <el-dialog title="添加联系人页面" :visible.sync="dialogFormVisible">
        <el-form ref="formData" :model="formData" label-width="80px">
            <el-form-item label="姓名">
                <el-input v-model="formData.name"></el-input>
            </el-form-item>
            <el-form-item label="性别">
                <el-radio-group v-model="formData.sex">
                    <el-radio label="男"></el-radio>
                    <el-radio label="女"></el-radio>
                </el-radio-group>
            </el-form-item>
            <el-form-item label="年龄">
                <el-input v-model="formData.age"></el-input>
            </el-form-item>
            <el-form-item label="籍贯">
                <el-select v-model="formData.selectedAddress" placeholder="请选择活动区域">
                    <el-option label="安徽" value="安徽"></el-option>
                    <el-option label="湖北" value="湖北"></el-option>
                    <el-option label="北京" value="北京"></el-option>
                    <el-option label="上海" value="上海"></el-option>
                    <el-option label="上海" value="重庆"></el-option>
                    <el-option label="上海" value="西安"></el-option>
                </el-select>
            </el-form-item>
            <el-form-item label="QQ">
                <el-input v-model="formData.qq"></el-input>
            </el-form-item>
            <el-form-item label="邮箱">
                <el-input v-model="formData.Email"></el-input>
            </el-form-item>
            <el-form-item>
                <el-button type="primary" @click="onSubmit">立即创建</el-button>
                <el-button @click="dialogFormVisible = false">取消</el-button>
            </el-form-item>
        </el-form>
    </el-dialog>
  </div>
</template>

<script>
export default {
    props:{
        dialogFormVisible:Boolean,
        

    },
    data(){
        return {
            formData: {
                name: '',
                sex: '',
                age: null,
                selectedAddress: [],
                qq: '',
                Email: '',
            },
        }
    }
}
</script>
